<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../css/header.css" />
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.css" />
</head>

<body>
    <div class="header-box">
        <!-- 登录 -->
        <div class="login-state">
            <div class="my-width ">
                <div class="login-state-box">
                    <div class="no-login">
                        <div>
                            <font color="#EF500C">HI~请登录</font>
                        </div>
                        &nbsp;&nbsp;
                        <div>
                            <font size="2" color="#7B7B7B">免费注册</font>
                        </div>
                    </div>
                    <div class="user-centre">
                        <div><img src="../img/manage/click_user_info.png" alt=""><a href="../UserInfo.html"
                                style="color:#7B7B7B"> 个人中心</a></div>
                        &nbsp;&nbsp;&nbsp;
                        <div><img src="../img/manage/click_shopping_car.png" alt=""><a href="../ShoppingCar.html"
                                style="color:#7B7B7B"> 购物车</a>
                        </div>
                        &nbsp;&nbsp;&nbsp;
                        <div><img src="../img/manage/click_track.png" alt=""><a href="../Track.html"
                                style="color:#7B7B7B"> 足迹</a></div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 导航栏 -->
        <div class="header-nav">
            <div class="my-width">
                <div class="nav-box">
                    <div class="search-box">
                        <!-- log -->
                        <!-- <div class="log">DUJIAOSHOU</div> -->
                        <img src="../img/index/title.png" alt="" style="width: 200px;margin: 0 15px;">
                        <!-- 搜索 -->
                        <form action="" method="" id="form-search" style="width: 51%;margin: 0 20px;">
                            <div>
                                <input type="text" class="form-control">
                            </div>
                        </form>
                        <!-- 提交按钮 -->
                        <div>
                            <button style="padding-left:30px;px;padding-right: 30px;" form="form-search" type="submit"
                                class="btn btn-outline-dark">搜索
                            </button>
                        </div>
                    </div>
                    <div class="navtab-box">
                        <div style="display: flex;width: 50%;margin: 20px auto;">
                            <div>
                                首页
                            </div>
                            <div>
                                美食
                            </div>
                            <div>
                                生鲜
                            </div>
                            <div>
                                家具
                            </div>
                            <div>
                                女装
                            </div>
                            <div>
                                美妆
                            </div>
                            <div>
                                数码
                            </div>
                            <div>
                                团购
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</body>

</html>